<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>我的订单</title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../css/myOrders.css"/>
	</head>
	<body>
		<!--头部信息-->
		<nav class="navbar navbar-default" role="navigation">
			<div class="container">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
				            <span class="sr-only">切换导航</span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
				        </button>
						<a class="navbar-brand logo" href="#"><img src="../img/logo0.png" /></a>
					</div>
					<div class="collapse navbar-collapse navbar-right" id="example-navbar-collapse">
						<ul class="nav navbar-nav">
							<li>
								<a href="#" class="fc-blue" id="userName">你好，张三</a>
							</li>
							<li>
								<a class="fc-blue" href="myOrders.html">我的订单</a>
							</li>
							<li>
								<a class="fc-blue quit" href="javascript:;">退出</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</nav>
		<div class="container">
			<ol class="breadcrumb">
			    <li><a href="main.html">月星家居</a></li>
			    <li class="active">我的订单</li>
			</ol>
			<ul class="nav nav-tabs">
			  <li class="active"><a href="#">全部订单<span></span></a></li>
			  <!--<li><a href="#">未生效<span>3</span></a></li>
			  <li><a href="#">已付款<span>1</span></a></li>-->
			</ul>
			<!--<div class="searchBox">
				<form  class="form-horizontal" role="form">
					<div class="form-group col-md-4 col-sm-4 col-xs-8 mgt20 noradius">
	                    <input type="text" class="form-control">
	                </div>
	                <div class="form-group col-md-2 col-sm-2 col-xs-4 mgt20 noradius">
                        <button class="btn btn-primary" type="button">订单搜索</button>
	                </div>
	                <div class="form-group col-md-2 col-sm-2 col-xs-4 mgt20">
	                	<span class="moreSearchTxt fc-blue">更多搜索条件<i class="icon-chevron-up"></i></span>
	                </div>
	                <div class="form-group col-md-12 col-sm-12 col-xs-12 moreSearchMain">
	                	<div class="">
	                		<label for="dingdanzhuangtai" class="">订单状态:</label>
	                		<select class="">
						      <option>所有订单</option>
						      <option>未生效</option>
						      <option>已付款</option>
						    </select>
	                	</div>
	                	<div class="">
	                		<label for="dingdanzhuangtai" class="">成交时间:</label>
	                		<input type="date" name="" id="" value="" />&nbsp;——&nbsp;
	                		<input type="date" name="" id="" value="" />
	                	</div>
	                	<button class="btn btn-primary" type="button">订单搜索</button>
	                </div>
				</form>
			</div>-->
			<div class="ordersLists">
				<ul class="ordersListsHead">
					<!--<li class="col-md-1 col-sm-1 col-xs-1 text-center"><input type="checkbox" name="selectAll" class="selectAll"/>全选</li>-->
					<li class="col-md-3 col-sm-3 col-xs-3 text-center">订单信息</li>
					<li class="col-md-2 col-sm-2 col-xs-2 text-center">收货电话</li>
					<li class="col-md-2 col-sm-2 col-xs-2 text-center">配送日期</li>
					<li class="col-md-1 col-sm-1 col-xs-1 text-center">小计</li>
					<li class="col-md-1 col-sm-1 col-xs-1 text-center">是否安装</li>
					<li class="col-md-1 col-sm-1 col-xs-1 text-center">配送方式</li>
					<li class="col-md-2 col-sm-2 col-xs-2 text-center">操作</li>
				</ul>
				<div class="ordersListsMain" id="ordersListsMain">
					<!--<div class="ordersListsItem">
						<div class="listsItemHead bg-color-gray">
							<input type="checkbox" name="selectAll" id="selectAll"/><span>2017-07-07</span><span style="margin-left: 30px;">订单号：HJ91287342</span><span class="fc-green f18 fr">已付款</span>
						</div>
						<ul class="listsItem">
							<li class="col-md-4 col-sm-4 col-xs-4 text-center">
								<dl class="center-block">
									<dt class="fl"><img src="../img/goods3.png"/></dt>
									<dd class="fl text-left">
										<p>1002950001</p>
										<p class="fc-gray">型号：TOTO DL363</p>
										<p class="fc-gray">规格：840*730*400</p>
									</dd>
								</dl>
							</li>
							<li class="col-md-2 col-sm-2 col-xs-2 text-center">￥3456</li>
							<li class="col-md-2 col-sm-2 col-xs-2 text-center">
								<span>1</span>
							</li>
							<li class="col-md-1 col-sm-1 col-xs-1 text-center"><span>345.6</span></li>
							<li class="col-md-1 col-sm-1 col-xs-1 text-center fc-red">￥345.6</li>
							<li class="col-md-1 col-sm-1 col-xs-1 text-center">安装</li>
							<li class="col-md-1 col-sm-1 col-xs-1 text-center">
								<span>查看详情</span>
							</li>
						</ul>
					</div>
					<div class="ordersListsItem">
						<div class="listsItemHead bg-color-qing">
							<input type="checkbox" name="selectAll" id="selectAll"/><span>2017-07-07</span><span style="margin-left: 30px;">订单号：HJ91287342</span><span class="fc-qinglan f18 fr">未生效</span>
						</div>
						<ul class="listsItem">
							<li class="col-md-4 col-sm-4 col-xs-4 text-center">
								<dl class="center-block">
									<dt class="fl"><img src="../img/goods3.png"/></dt>
									<dd class="fl text-left">
										<p>1002950001</p>
										<p class="fc-gray">型号：TOTO DL363</p>
										<p class="fc-gray">规格：840*730*400</p>
									</dd>
								</dl>
							</li>
							<li class="col-md-2 col-sm-2 col-xs-2 text-center">￥3456</li>
							<li class="col-md-2 col-sm-2 col-xs-2 text-center">
								<span>1</span>
							</li>
							<li class="col-md-1 col-sm-1 col-xs-1 text-center"><span>345.6</span></li>
							<li class="col-md-1 col-sm-1 col-xs-1 text-center fc-red">￥345.6</li>
							<li class="col-md-1 col-sm-1 col-xs-1 text-center">安装</li>
							<li class="col-md-1 col-sm-1 col-xs-1 text-center">
								<span>作废</span>
								<span>查看详情</span>
							</li>
						</ul>
					</div>-->
				</div>
			</div>
			
			<ul id="page"></ul>
		</div>
		<script src="../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/bootstrap-paginator.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/layer/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/service.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/myOrders.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>